<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="../common/taglibs.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="StyleSheet" type="text/css" href="<%=request.getContextPath()%>/pages/css/common.css"></link>
<link rel="StyleSheet" type="text/css" href="<%=request.getContextPath()%>/pages/css/password.css"></link>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/password.js" ></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/jquery-1.5.js" ></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/js/jquery.validate.min.js" ></script>
<script type="text/javascript">
	$().ready(function(){
		$("#regUserForm").validate({
				rules: {
					fName : {
						required: true,
						minlength: 2
					},
					email : {
						required: true,
						email: true
					},
					teleNo : {
						number: true,
						minlength: 9
					},
					mobileNo : {
						number: true,
						minlength: 9
					},
					code : {
						required: true,
						number: true,
						minlength: 4,
						maxlength: 4
					},
					username : {
						required: true,
						minlength: 3					
					}
				},
				messages: {
					fName : {
						required: "Please enter your firstname",
						minlength: "Your first name must consist of at least 2 characters"
					},
					username : {
						required: "Please enter your username",
						minlength: "Your username must consist of at least 3 characters"
					}
				}
		});
	});
	
</script>
<style>
<!--
.tbl{
	margin:10px;
  	border-spacing: 0px;
   	
}
.tbl tbody td{
  	padding:5px;
  	padding-left: 20px;
 }
 .tbl tbody tr:first-child td{
 	padding-top: 10px;
 }
 .tbl tbody tr:last-child td{
 	padding-bottom: 10px;
 }
.tbl thead tr{
	text-align: center;
	height:40px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}
.tbl thead tr td{
	padding-left: 15px;
	padding-right: 15px;
}

-->
</style>
<title>DFASS</title>
</head>
<body style="background-image: none;">
	<div  align="center">
		<table><tr><td>&nbsp;</td></tr></table>
		<!-- This Empty Table is Required before the content of the body -->
		<s:form theme="simple" id="submitFlightDetails" name="submitFlightDetails" action="submitFlightDetails" method="post">		
			<table  style="width: 500px;" class="tbl">
				<thead style="background-image: url('pages/images/sliced/20.jpg') ;background-repeat: no-repeat;">
					<tr>						
						<td colspan="2" style="color: #EE2C2C;font-size: 14pt;text-align: left;width: 780px;height: 50px;">&nbsp;&nbsp;&nbsp;Your flight details</td>
					</tr>
				</thead>
				<tbody>
				    <tr>
				        <td>Flight Number:</td>
				        <td><s:textfield name="flightNumber" cssStyle="width:150px" /></td>
				    </tr>
				    <tr>
				        <td>Flying date(DD-MM-YYYY):</td>
				        <s:date name="flightDate" format="dd-MM-yyyy" var="fDate"/>
				        
				        <td><s:textfield name="flightDate" cssStyle="width:150px" value = '%{#fDate}' /></td>
				    </tr>
				    <tr>
				        <td>Passport number:</td>
				        <td><s:textfield name="passportNumber" cssStyle="width:150px" /></td>
				    </tr>
				    <tr>
				        <td>From destination:</td>
				        <td><s:textfield name="fromDestination" cssStyle="width:150px" /></td>
				    </tr>
				    <tr>
				        <td>To destination:</td>
				        <td><s:textfield name="toDestination" cssStyle="width:150px" /></td>
				    </tr>
				    <tr>
				        <td>Shipping date(DD-MM-YYYY):</td>
				        <td><s:textfield name="shippingDate" cssStyle="width:150px" /></td>
				    </tr>
				    <tr>
				        <td></td> 
				        <td><s:submit value="Continue" cssClass="button" /></td> 
				    </tr>
				    <tr>
				        <td><s:actionmessage cssClass="successMsg" /></td> 
				        <td><s:fielderror cssClass="errorMsg" /></td> 
				    </tr>
				</tbody>
			</table>		
		</s:form>
	</div>				
</body>
</html>